{% extends '__base.tpl' %}

{% block head %}
{{super()}}
<!-- build:css -->
<link rel="stylesheet" type="text/css" href="../../../public/css/page/buyVip.css" />
<!-- endbuild -->
{% endblock %}

{% block body %}
<div class="user-bg">
    <div id="box" data-id="27">
        <div class="section-box">
            <div class="section-title">
                <span class="font24">购买会员</span>
               <!-- <a class="blue font12 ml10" href="javascript:history.back();">返回</a>-->
            </div>
            <div>
                <ul class="card-list" id="card">
                   <!-- <li data-id="27" class="card-item checked" >
                       <div class="card-type">VIP月卡</div>
                        98元
                    </li>
                    <li data-id="28" class="card-item" >
                        <div class="card-type"> VIP季卡</div>
                        198元
                    </li>
                    <li data-id="28" class="card-item">
                        <div class="card-type">VIP年卡</div>
                        398元
                    </li>-->
                </ul>
                <script id="card_tpl" type="text/html">
                <%each data as arr i%>
                <li data-id="<%arr.id%>" class="card-item" >
                    <div class="card-type"> <%arr.descript%></div>
                    <%arr.price%>元
                </li>
                 <%/each%>
                </script>
            </div>
            <div>
                <h5 class="font24 center">会员权益</h5>
                <div class="clo6 font14 mt10" style="padding-left: 100px;line-height: 1.6">
                    <p>1、所有视频免费在线点播10次(不包括源码下载)</p>
                    <p>2、添加会员群,一起学习、交流</p>
                    <p>3、获取会员等级资格和标识</p>
                    <p>3、项目发单、接单（即将上线）</p>
                    <p>5、买会员送金币（金币可以购买源码、专辑、视频等）</p>
                </div>
            </div>
            <div class="center mt80">
                <button class="common-btn" onclick="BASE.COMMON.buyVip($('#box').data('id'),this)" >确认</button>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block script %}
{{ super() }}
<!-- build:js -->
<script src="../../../public/js/page/other/buyVip.js"></script>
<!-- endbuild -->
{% endblock %}